@charset "utf-8";
/* CSS Document */

.navbar {
            padding-right:0;
            padding-left:0;
            position:fixed;
            top:0;
            right:0;
            left:0;
            z-index:1030;
            border-radius:0;
        }

.visual-slide {margin-top:70px;}

@media screen and (max-width:486px) {
            .navbar {position: relative;}
            .visual-slide {margin-top:0px;}
}

.visual-swiper-slide-item-text h2,
.visual-swiper-slide-item-text p{color:#ffffff;}
.visual-swiper-slide-item-text a.visual-swiper-slide-btn {background:#FCAF15;color:#ffffff;}
.visual-swiper-slide-pagination .swiper-pagination-bullet{width:50px;height:10px;background:#ffffff;opacity: 1;transition: all .3s linear; border-radius: 0;}
.visual-swiper-slide-pagination .swiper-pagination-bullet-active{background:#fcaf15;}
.visual-swiper-slide .visual-swiper-slide-prev,
.visual-swiper-slide .visual-swiper-slide-next{color:#ffffff;font-size:50px;}


.izl-rmenu{position:fixed; right:0; margin-right:20px; top:25%; padding-bottom:0px;  z-index:999; }
.izl-rmenu .sbtn{width:50px; height:50px; margin-bottom:1px; cursor:pointer; position:relative;}
@media (max-width: 486px) {
    .izl-rmenu {display:none;}
}



.izl-rmenu .btn-qq{background:url(../img/r_qq.png) 0px 0px no-repeat; background-color:#06276a;color:#FFF;}
.izl-rmenu .btn-qq:hover{background-color:#26c79d;color:#FFF;}
.izl-rmenu .btn-qq .qq{background-color:#26c79d; position:absolute; width:110px; left:-115px; top:0px; line-height:38px; padding:15px 0px; color:#FFF; font-size:18px; text-align:center; display:none; border-radius: 10px 0px 10px 0px;box-shadow: 0 5px 20px 0 #999;}
.izl-rmenu .btn-qq a {color:#FFF;font-size:14px;}

.izl-rmenu .btn-wx{background:url(../img/r_wx.png) 0px 0px no-repeat; background-color:#06276a;}
.izl-rmenu .btn-wx:hover{background-color:#26c79d;}
.izl-rmenu .btn-wx .pic{position:absolute; left:-160px; top:0px; display:none;width:140px;height:140px;box-shadow: 0 5px 20px 0 #999;}

.izl-rmenu .btn-phone{background:url( ../img/r_phone.png) 0px 0px no-repeat; background-color:#06276a;}
.izl-rmenu .btn-phone:hover{background-color:#26c79d;}
.izl-rmenu .btn-phone .phone{background-color:#ff811b; position:absolute; width:160px; left:-160px; top:0px; line-height:50px; color:#FFF; font-size:18px; text-align:center; display:none;}

.izl-rmenu .btn-ali{background:url(../img/r_ali.png) 0px 0px no-repeat; background-color:#06276a;}
.izl-rmenu .btn-ali:hover{background-color:#26c79d;}
.izl-rmenu a.btn-ali,.izl-rmenu a.btn-ali:visited{background:url(../img/r_ali.png) 0px 0px no-repeat; background-color:#06276a; text-decoration:none; display:block;}


.izl-rmenu .btn-wangwang{background:url(../img/r_wangwang.png) 0px 0px no-repeat; background-color:#06276a; background-size:100% 100%;}
.izl-rmenu .btn-wangwang:hover{background-color:#26c79d;}
.izl-rmenu a.btn-wangwang,.izl-rmenu a.btn-wangwang:visited{background:url(../img/r_wangwang.png) 0px 0px no-repeat; background-color:#06276a; text-decoration:none; display:block;}


.izl-rmenu .btn-skype{background:url(../img/r_skype.png) 0px 0px no-repeat; background-color:#06276a;}
.izl-rmenu .btn-skype:hover{background-color:#26c79d;}
.izl-rmenu a.btn-skype,.izl-rmenu a.btn-skype:visited{background:url(../img/r_skype.png) 0px 0px no-repeat; background-color:#06276a; text-decoration:none; display:block;}

.izl-rmenu .btn-web{background:url(../img/r_web.png) 0px 0px no-repeat; background-color:#06276a;}

.izl-rmenu a.btn-web,.izl-rmenu a.btn-web:visited{background:url(../img/r_web.png) 0px 0px no-repeat; background-color:#06276a; text-decoration:none; display:block;}
.izl-rmenu a.btn-web:hover{background-color:#26c79d;}

.izl-rmenu .btn-top{background:url(../img/r_top.png) 0px 0px no-repeat; background-color:#06276a; display:none;}
.izl-rmenu .btn-top:hover{background-color:#26c79d;}





#plug-wrap {
    position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0);
    z-index:800;
}
.top_bar {
    position:fixed;
    bottom:0;
    right:0px;
    z-index:900;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    font-family: Helvetica, Tahoma, Arial, Microsoft YaHei, sans-serif;
}
.plug-menu {
    -webkit-appearance:button;
    display:inline-block;
    width:36px;
    height:36px;
    border-radius:36px;
    position: absolute;
    bottom:17px;
    right: 17px;
    z-index:999;
    box-shadow: 0 0 0 4px #FFFFFF, 0 2px 5px 4px rgba(0, 0, 0, 0.25);
   
    -webkit-transition: -webkit-transform 200ms;
    -webkit-transform:rotate(1deg);
    color:#fff;
    background-image:url('../img/plug.png');
    background-repeat: no-repeat;
    -webkit-background-size: 80% auto;
    background-size: 80% auto;
    background-position: center center;
}
.plug-menu:before {
    font-size:20px;
    margin:9px 0 0 9px;
}
.plug-menu:checked {
    -webkit-transform:rotate(135deg);
}
.top_menu>li {
    width: 32px;
    height:32px;
    border-radius:32px;
    box-shadow: 0 0 0 3px #FFFFFF, 0 2px 5px 3px rgba(0, 0, 0, 0.25);
    
    position:absolute;
    bottom:0;
    right:0;
    margin-bottom: 20px;
    margin-right:20px;
    z-index:900;
    -webkit-transition: -webkit-transform 200ms;
}
.top_menu>li a {
    color:#fff;
    font-size:20px;
    display: block;
    height: 100%;
    line-height: 33px;
    text-align: center;
}
.top_menu>li>a label{
display:none;
}
.top_menu>li a img {
display: block;
width: 22px;
height: 22px;
text-indent: -999px;
position: absolute;
top: 50%;
left: 50%;
margin-top: -11px;
margin-left: -11px;
}
.top_menu>li.on:nth-of-type(1) {
-webkit-transform: translate(-0, -100px) rotate(720deg);
}
.top_menu>li.on:nth-of-type(2) {
-webkit-transform: translate(-47px, -81px) rotate(720deg);
}
.top_menu>li.on:nth-of-type(3) {
-webkit-transform: translate(-81px, -45px) rotate(720deg);
}
.top_menu>li.on:nth-of-type(4) {
-webkit-transform: translate(-100px, 0) rotate(720deg);
}
 
#sharemcover {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.7);
display: none;
z-index: 20000;
}
#sharemcover img {
position: fixed;
right: 18px;
top: 5px;
width: 260px;
height: 180px;
z-index: 20001;
border:0;
}

